<script setup lang="ts">
import $bus from "@/util/bus/index";
import { onMounted } from "vue";

console.log($bus);
// 当组件挂载完毕(onMounted钩子函数)的时候,当前组件绑定一个事件，接受将来兄弟组件传递的数据
onMounted(() => {
      // 第一个参数:事件类型,第二个参数事件回调
      $bus.on('Attr',(Attr: any) => {
        console.log(Attr);
      })
})
</script>

<template>
  <div class="child1">
    <h1>我是子组件1</h1>
  </div>
</template>

<style scoped>
.child1 {
  width: 400px;
  height: 400px;
  background: wheat;
}
</style>
